<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>碧康电子</title>
    <meta name="keywords" content="碧康电子" />
    <meta name="description" content="碧康电子" />
    {css href="__PUBLIC__/admin/home/css/style.css,__PUBLIC__/admin/home/css/jquery.fullPage.css" /}
    {js href="__PUBLIC__/admin/home/js/jquery.min.js,__PUBLIC__/admin/home/js/jquery.fullPage.min.js,__PUBLIC__/admin/home/js/layer.js" /}
    <script>
        $(function(){
            $('#dowebok').fullpage({
                //sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', '#f90','#fff'],
                anchors: ['page1', 'page2', 'page3', 'page4','page5'],
                menu: '#menu',
                navigation:true,
                navigationTooltips:['首页','定制','合作','关于','联系'],
                slidesNavigation:true,
                slidesNavPosition:'bottom',
                continuousVertical:true,
                loopHorizontal:true,
            });
            setInterval(function(){
                $.fn.fullpage.moveSlideRight();
            }, 3000);
        });

        function check_form() {
            if($("#username").val()==''){
                layer.tips('请输入您的姓名！', '#username');
                $("#username").focus();
                return false;
            }
            if($("#tel").val()==''){
                layer.tips('请输入您的联系电话！', '#tel');
                $("#tel").focus();
                return false;
            }
            if($("#content").val()==''){
                layer.tips('请输您的留言信息！', '#content');
                $("#content").focus();
                return false;
            }
        }
    </script>
</head>
<body>
<div class="body_con">
    <ul id="menu">
        <li data-menuanchor="page1" class="active"><a href="#page1">首页</a></li>
        <li data-menuanchor="page2"><a href="#page2">定制</a></li>
        <li data-menuanchor="page3"><a href="#page3">合作</a></li>
        <li data-menuanchor="page4"><a href="#page4">关于</a></li>
        <li data-menuanchor="page5"><a href="#page5">联系</a></li>
    </ul>

    <div id="dowebok">
        <div class="section">
            <div class="slide"><a href="#" ><img src="__PUBLIC__/admin/home/images/57edfe8ce1aed.jpg" width="100%" /></a></div><div class="slide"><a href="#" ><img src="__PUBLIC__/admin/home/images/57edfe941ed18.jpg" width="100%" /></a></div>    </div>
        <div class="section">
            <div class="dingzhi">
                <div class="dz_top">
                    <h1>WE CAN HELP YOU</h1>
                    <h2>我们能做的</h2>
                    <div class="dz_list">
                        <ul>
                            <li><img src="__PUBLIC__/admin/home/images/dz_1.jpg" alt="高端定制网站" title="高端定制网站" /><br/>高端定制网站</li>
                            <li><img src="__PUBLIC__/admin/home/images/dz_2.jpg" alt="APP应用程序" title="APP应用程序" /><br/>APP应用程序</li>
                            <li><img src="__PUBLIC__/admin/home/images/dz_3.jpg" alt="移动网站建设" title="移动网站建设" /><br/>移动网站建设</li>
                            <li><img src="__PUBLIC__/admin/home/images/dz_4.jpg" alt="微信开发" title="微信开发" /><br/>微信开发</li>
                            <li><img src="__PUBLIC__/admin/home/images/dz_5.jpg" alt="服务器运营" title="服务器运营" /><br/>服务器运营</li>
                        </ul>
                    </div>
                </div>
                <div class="dz_con">
                    <div class="dz_center">
                        <div class="dz_left">
                            <img src="__PUBLIC__/admin/home/images/dz_left.png" alt="">
                        </div>
                        <div class="dz_right">
                            <a href="javascript:void(0);" onclick="dingzhi();"><img src="__PUBLIC__/admin/home/images/dz_but.png" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="section">
            <div class="hezuo">
                <div class="menu_h"></div>
                <div class="hz_top">
                    <h1 style="color: #fff;">COOPERATION</h1>
                    <h2 style="color: #fff;">合作案例</h2>
                </div>
                <div class="hz_btm">
                    <div id="demo1">
                        <div class="img_list">
                            <ul>
                            </ul>
                        </div>
                        <div class="btn_list">
                            <ul>
                            </ul>
                        </div>

                        <a href="#" id="toLeft" class="link toLeft"></a>
                        <a href="#" id="toRight" class="link toRight"></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="section" style="background-image: url('__PUBLIC__/admin/home/images/about.png');">
            <div class="about">
                <div class="about_img"><img src="__PUBLIC__/admin/home/images/about_con.jpg" alt=""></div>
            </div>
        </div>
        <div class="section">
            <div class="cnt_tit">
                <h1>CONTACT US</h1>
                <h2>联系我们</h2>
            </div>
            <div class="cnt_con">
                <div class="cnt_img"><img src="__PUBLIC__/admin/home/images/content.jpg" alt="" width="100%"></div>
                <div class="connect_con">
                    <form action="/index.php?s=/Guestbook/add" name="form_do" method="post" class="messages" onsubmit="return check_form();">
                        <div class="messlist">
                            <label>姓名</label>
                            <input type="text" name="username"  id="username" />
                            <div class="clears"></div>
                        </div>

                        <div class="messlist">
                            <label>电话</label>
                            <input type="text" name="tel"  id="tel" />
                            <div class="clears"></div>
                        </div>
                        <div class="messlist textareas">
                            <label>留言</label>
                            <textarea name="content" id="content"></textarea>
                            <div class="clears"></div>
                        </div>

                        <div class="messsub">
                            <input type="submit" value="提交留言"/>
                        </div>
                    </form>
                    <div class="contact_way">
                        <p><img src="__PUBLIC__/admin/home/images/adrs.jpg"><strong style="font-size:18px;">&nbsp;山东省青岛市市北区延安路67号湛山创客工厂</strong></p>
                        <p><img src="__PUBLIC__/admin/home/images/tel.jpg" ><strong style="font-size:18px;">&nbsp;4006-222666</strong></p>
                        <p><img src="__PUBLIC__/admin/home/images/mail.jpg" ><strong style="font-size:18px;">&nbsp;450986832@qq.com</strong></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    function dingzhi() {
        layer.open({
            type: 2,
            title: false,
            shadeClose: true,
            shade: 0.7,
            area: ['600px', '600px'],
            style:'top:0;',
            offset: '10%',
            content: 'http://115.29.76.140/index.php/Index/dingzhi'
        });
    }
</script>
<script type="text/javascript" src="__PUBLIC__/admin/home/js/anli_scroll.js"></script>
</body>
</html>